<div class="top">
    <ul>
        <li>
            <a href="#">品牌</a>
        </li>
        <li>
            <a href="#">OriginOS</a>
        </li>
        <li>
            <a href="#">体验店</a>
        </li>
        <li>
            <a href="#">企业服务</a>
        </li>
        <li>
            <a href="#">社区</a>
        </li>
    </ul>
    <div class="top-right">
        <a href="#" class="xz">
            <span>下载APP</span>
            <div class="top-right-xz">
                <img src="./img/QRCode.png" alt="">
                <span>扫描下载 vivo官网APP</span>
            </div>
        </a>
        <a href="./shopping.html">
            <span>购物车</span>
        </a>
        <div class="top-right-lore">
            <span>个人中心</span>
            <div class="top-right-lore-con"></div>
        </div>
    </div>
</div>
<div class="site">
    <div class="site-one">
        <h1 class="iconfont"><a href="#">&#xe69a;</a></h1>
        <ul class="site-one-ul">
            <li class="hov"><a href="#">NEX系列</a></li>
            <li class="hov"><a href="#">X系列</a></li>
            <li class="hov"><a href="#">S系列</a></li>
            <li class="hov"><a href="#">Y系列</a></li>
            <li class="hov"><a href="#">iQOO手机</a></li>
            <li class="hov"><a href="#">智能硬件</a></li>
            <li><a href="#">商城</a></li>
            <li><a href="#">服务</a></li>
        </ul>

    </div>
    <div class="site-span">
        <span class="iconfont site-span-xs">&#xe6b4;</span>
        <span class="iconfont site-span-yc">&#xe6b6;</span>
    </div>
    <div class="site-two">
        <div class="site-two-item move">
            <ul>
                <li>
                    <div>
                        <img src="./img/31_9542631a911269daceabd8e88902087a.png" alt="">
                        <img src="./img/5be40d12a95983cc0839e9a49542e004.png" alt="">
                        <img src="./img/29_f8342a2a3a0db46261e00cbdc41e22cb.png" alt="">
                        <img src="./img/28_16d2a680b150287dc4f7f16458ba337e.png" alt="">

                    </div>
                    <p>NEX3S</p>
                </li>
                <li>
                    <div>
                        <img src="./img/35_2f9e5d74951e51bbfe41938ea18caffe.png" alt="">
                        <img src="./img/34_b9ea5f4df7ba06b303bdfb8bb2988e95.png" alt="">
                        <img src="./img/5be40d12a95983cc0839e9a49542e004.png" alt="">
                    </div>
                    <p>NEX 3&NEX 3 5G</p>
                </li>
                <li>
                    <div>
                        <img src="./img/39_ab32064ba4369fc3b3ce70340fb99335.png" alt="">
                        <img src="./img/38_1353a316d2b69dbd970b04069f415fe9.png" alt="">
                        <img src="./img/37_87c426ae275a280052da0b8fee592ce1.png" alt="">

                    </div>
                    <p>NEX双屏版</p>
                </li>
                <li>
                    <div>
                        <img src="./img/44_578e59296927cdaa2d0496e3ae4649ba.png" alt="">
                        <img src="./img/34_b9ea5f4df7ba06b303bdfb8bb2988e95.png" alt="">
                        <img src="./img/167_5b05e52150d60832d158d31fb4d00c8a.png" alt="">
                        <img src="./img/29_f8342a2a3a0db46261e00cbdc41e22cb.png" alt="">

                    </div>
                    <p>NEX旗舰版</p>
                </li>
                <li>
                    <div>
                        <img src="./img/31_9542631a911269daceabd8e88902087a.png" alt="">
                        <img src="./img/5be40d12a95983cc0839e9a49542e004.png" alt="">
                        <img src="./img/29_f8342a2a3a0db46261e00cbdc41e22cb.png" alt="">
                        <img src="./img/167_5b05e52150d60832d158d31fb4d00c8a.png" alt="">

                    </div>
                    <p>NEX&NEX屏幕指纹版</p>
                </li>
            </ul>
            <div class="site-two-item-dbb">
                <span>全部NEX机型</span>
                <span>对比NEX机型</span>
            </div>
        </div>
        <div class="site-two-item move">
            <ul>
                <li>
                    <div>
                        <img src="./img/62_1acf6ce8a5892694e88ac75286e1de83.png" alt="">
                        <img src="./img/61_23142294d875b764284d17478d8ef3dc.png" alt="">
                        <img src="./img/60_bcb4bcac2c1c1f841889ad9edfd6f31d.png" alt="">
                        <img src="./img/59_62e4f53022875db2e266b8f6ae1ca6a4.png" alt="">

                    </div>
                    <p>NEX3S</p>
                </li>
                <li>
                    <div>
                        <img src="./img/82_0d5c8d5ce27bd1109f1596de507ccef0.png" alt="">
                        <img src="./img/81_89934933911f5b59e325bf255a2d6719.png" alt="">
                        <img src="./img/80_0c601f9d496364b2d150b18d3bb0af58.png" alt="">
                    </div>
                    <p>NEX 3&NEX 3 5G</p>
                </li>
                <li>
                    <div>
                        <img src="./img/39_ab32064ba4369fc3b3ce70340fb99335.png" alt="">
                        <img src="./img/52_6dc9119f1019aa40d7dacc3364e9e798.png" alt="">
                        <img src="./img/51_df069c52c1bc89b3d0408d0853262407.png" alt="">

                    </div>
                    <p>NEX双屏版</p>
                </li>
                <li>
                    <div>
                        <img src="./img/44_578e59296927cdaa2d0496e3ae4649ba.png" alt="">
                        <img src="./img/34_b9ea5f4df7ba06b303bdfb8bb2988e95.png" alt="">
                        <img src="./img/167_5b05e52150d60832d158d31fb4d00c8a.png" alt="">
                        <img src="./img/29_f8342a2a3a0db46261e00cbdc41e22cb.png" alt="">

                    </div>
                    <p>NEX旗舰版</p>
                </li>
                <li>
                    <div>
                        <img src="./img/92_c011d0e77224e96cfe8e666b00202294.png" alt="">
                        <img src="./img/97_b916b8a5806020b9621329525df7fc81.png" alt="">
                        <img src="./img/81_89934933911f5b59e325bf255a2d6719.png" alt="">
                        <img src="./img/79_4ed838f9c8567bb85b36cc34bdc27131.png" alt="">

                    </div>
                    <p>NEX&NEX屏幕指纹版</p>
                </li>
            </ul>
            <div class="site-two-item-dbb">
                <span>全部NEX机型</span>
                <span>对比NEX机型</span>
            </div>
        </div>
        <div class="site-two-item move">
            <ul>
                <li>
                    <div>
                        <img src="./img/114_0b385d2fd128c7c11466fe95b00bbbfc.png" alt="">
                        <img src="./img/113_572676520fa8bcdfa993d851f2992fcc.png" alt="">
                        <img src="./img/112_eb99363b4a9da59e41793ea2f7bb1b11.png" alt="">
                        <img src="./img/111_341da432da7af0e52bb60b204b24d643.png" alt="">

                    </div>
                    <p>NEX3S</p>
                </li>
                <li>
                    <div>
                        <img src="./img/35_2f9e5d74951e51bbfe41938ea18caffe.png" alt="">
                        <img src="./img/34_b9ea5f4df7ba06b303bdfb8bb2988e95.png" alt="">
                        <img src="./img/5be40d12a95983cc0839e9a49542e004.png" alt="">
                    </div>
                    <p>NEX 3&NEX 3 5G</p>
                </li>
                <li>
                    <div>
                        <img src="./img/119_54c76646a9ca34b1c0d167b5ecdbd7dc.png" alt="">
                        <img src="./img/118_c5585725e68400f3202a8a8128b657d3.png" alt="">
                        <img src="./img/117_3c5a934d3e0943d2b8e172f12a1151de.png" alt="">

                    </div>
                    <p>NEX双屏版</p>
                </li>
                <li>
                    <div>
                        <img src="./img/125_8bb60d0319155e32d12fcf4e91690b3c.png" alt="">
                        <img src="./img/124_2cd3b985e196d45b643f29c6de38e7fb.png" alt="">
                        <img src="./img/123_ea5763090facf1114a10e76654192724.png" alt="">
                        <img src="./img/121_7c663b1c61952d8e9407f26f725c2011.png" alt="">

                    </div>
                    <p>NEX旗舰版</p>
                </li>
                <li>
                    <div>
                        <img src="./img/139_9dbe8fe22902e3e53d937be0bf8567f6.png" alt="">
                        <img src="./img/138_fcb8ab2564a091a079c1ec1dcde6b0ea.png" alt="">
                        <img src="./img/29_f8342a2a3a0db46261e00cbdc41e22cb.png" alt="">
                        <img src="./img/122_39a71cf90efd6135e085a7779774459b.png" alt="">

                    </div>
                    <p>NEX&NEX屏幕指纹版</p>
                </li>
            </ul>
            <div class="site-two-item-dbb">
                <span>全部NEX机型</span>
                <span>对比NEX机型</span>
            </div>
        </div>
        <div class="site-two-item move">
            <ul>
                <li>
                    <div>
                        <img src="./img/144_92b644b19a3110b8330b901026836aa5.png" alt="">
                        <img src="./img/5be40d12a95983cc0839e9a49542e004.png" alt="">
                        <img src="./img/29_f8342a2a3a0db46261e00cbdc41e22cb.png" alt="">
                        <img src="./img/28_16d2a680b150287dc4f7f16458ba337e.png" alt="">

                    </div>
                    <p>NEX3S</p>
                </li>
                <li>
                    <div>
                        <img src="./img/139_9dbe8fe22902e3e53d937be0bf8567f6.png" alt="">
                        <img src="./img/141_bf2aa9369c7144a53489607076a55540.png" alt="">
                        <img src="./img/5be40d12a95983cc0839e9a49542e004.png" alt="">
                    </div>
                    <p>NEX 3&NEX 3 5G</p>
                </li>
                <li>
                    <div>
                        <img src="./img/39_ab32064ba4369fc3b3ce70340fb99335.png" alt="">
                        <img src="./img/124_2cd3b985e196d45b643f29c6de38e7fb.png" alt="">
                        <img src="./img/37_87c426ae275a280052da0b8fee592ce1.png" alt="">

                    </div>
                    <p>NEX双屏版</p>
                </li>
                <li>
                    <div>
                        <img src="./img/35_2f9e5d74951e51bbfe41938ea18caffe.png" alt="">
                        <img src="./img/34_b9ea5f4df7ba06b303bdfb8bb2988e95.png" alt="">
                        <img src="./img/167_5b05e52150d60832d158d31fb4d00c8a.png" alt="">
                        <img src="./img/29_f8342a2a3a0db46261e00cbdc41e22cb.png" alt="">

                    </div>
                    <p>NEX旗舰版</p>
                </li>
                <li>
                    <div>
                        <img src="./img/31_9542631a911269daceabd8e88902087a.png" alt="">
                        <img src="./img/5be40d12a95983cc0839e9a49542e004.png" alt="">
                        <img src="./img/29_f8342a2a3a0db46261e00cbdc41e22cb.png" alt="">
                        <img src="./img/167_5b05e52150d60832d158d31fb4d00c8a.png" alt="">

                    </div>
                    <p>NEX&NEX屏幕指纹版</p>
                </li>
            </ul>
            <div class="site-two-item-dbb">
                <span>全部NEX机型</span>
                <span>对比NEX机型</span>
            </div>
        </div>
        <div class="site-two-item move">
            <ul>
                <li>
                    <div>
                        <img src="./img/158_ff6d35781d9ee2aa1cb28e000413e109.png" alt="">
                        <img src="./img/5be40d12a95983cc0839e9a49542e004.png" alt="">
                        <img src="./img/29_f8342a2a3a0db46261e00cbdc41e22cb.png" alt="">
                        <img src="./img/28_16d2a680b150287dc4f7f16458ba337e.png" alt="">

                    </div>
                    <p>NEX3S</p>
                </li>
                <li>
                    <div>
                        <img src="./img/35_2f9e5d74951e51bbfe41938ea18caffe.png" alt="">
                        <img src="./img/34_b9ea5f4df7ba06b303bdfb8bb2988e95.png" alt="">
                        <img src="./img/5be40d12a95983cc0839e9a49542e004.png" alt="">
                    </div>
                    <p>NEX 3&NEX 3 5G</p>
                </li>
                <li>
                    <div>
                        <img src="./img/39_ab32064ba4369fc3b3ce70340fb99335.png" alt="">
                        <img src="./img/38_1353a316d2b69dbd970b04069f415fe9.png" alt="">
                        <img src="./img/37_87c426ae275a280052da0b8fee592ce1.png" alt="">

                    </div>
                    <p>NEX双屏版</p>
                </li>
                <li>
                    <div>
                        <img src="./img/158_ff6d35781d9ee2aa1cb28e000413e109.png" alt="">
                        <img src="./img/157_e9f5931b5bc57a9fe877a72dd9155a34.png" alt="">
                        <img src="./img/167_5b05e52150d60832d158d31fb4d00c8a.png" alt="">
                        <img src="./img/29_f8342a2a3a0db46261e00cbdc41e22cb.png" alt="">

                    </div>
                    <p>NEX旗舰版</p>
                </li>
                <li>
                    <div>
                        <img src="./img/164_419e4616f233f5313215fd146f72747a.png" alt="">
                        <img src="./img/166_bb9cbfb081923c08c141a39f1e3fe554.png" alt="">
                        <img src="./img/167_5b05e52150d60832d158d31fb4d00c8a.png" alt="">
                        <img src="./img/167_5b05e52150d60832d158d31fb4d00c8a.png" alt="">

                    </div>
                    <p>NEX&NEX屏幕指纹版</p>
                </li>
            </ul>
            <div class="site-two-item-dbb">
                <span>全部NEX机型</span>
                <span>对比NEX机型</span>
            </div>
        </div>
        <div class="site-two-item">
            <ul>
                <li>
                    <div>
                        <img src="./img/171_26d11b8141c5d9a8c54e5959c4d5443a.png" alt="">

                    </div>
                    <p>NEX3S</p>
                </li>
                <li>
                    <div>
                        <img src="./img/173_7461d78cec368bc864ed2c04b1204523.png" alt="">
                    </div>
                    <p>NEX 3&NEX 3 5G</p>
                </li>
                <li>
                    <div>
                        <img src="./img/175_605129afc91ea04a2c41ab020ddd76b2.png" alt="">
                    </div>
                    <p>NEX双屏版</p>
                </li>
            </ul>
            <div class="site-two-item-dbb">
                <span>全部NEX机型</span>
                <span>对比NEX机型</span>
            </div>
        </div>
    </div>
    <div class="site-three">
        <div class="site-three-con">
            <div class="site-three-con-o">
                <input type="text" placeholder="TWS 2" name="" id="">
                <div></div>
            </div>
            <div class="site-three-con-t">
                <dl>
                    <dt>大家都在搜</dt>
                    <dd>vivo X70</dd>
                    <dd>iQOO 8</dd>
                    <dd>vivo S10 Pro</dd>
                    <dd>iQOO Neo5</dd>
                    <dd>TWS 2</dd>
                    <dd>数据线</dd>
                    <dd>耳机</dd>
                </dl>
            </div>
        </div>
    </div>
</div>
<script src="./js/header.js"></script>